<?php

$doc = document::getInstance();

$doc->addJQuery();
$doc->addCufon();

$doc->addJS("templates/page/js/general.js");

?>

<div id="logo"><a href="/"><img src="/theme/vdjo_default/images/logo.png" width="283" height="97" alt="vdjo.com" /></a></div>
				
<div id="wrapper">
	<div id="wrapper-upper"></div>
	<div id="wrapper-center">
		<div id="contents">
			<a name="top"></a>
			<div class="wide menu">
			<?php $req = new request(
				array("module" => "page", "action" => "usmenu", "format" => "html"));
				module::load($req); ?>
			</div>	
			<div id="side-wrapper">
				<div id="toc" class="block">
					<h3>Contents</h3>
					<ul>
						<li><a href="#top">A little bit more about us</a></li>
						<li><a href="#news">Latest news</a></li>
						<li><a href="#techniques">Used techniques</a></li>
					</ul>
				</div>
				<div class="block">
					<a href="http://beta.vdjo.com">
						<img height="80" width="270" border="0" alt="Try out beta.vdjo.com" src="/images/buttons/tryout.png"/>
					</a>
				</div>
				<div class="block">
					<h3>Recently played videos</h3>
					<?php $req = new request(
						array("module" => "video", "action" => "recentThumbs", "format" => "html"));
						module::load($req); ?>
				</div>
			</div>
			<div id="main">
				<div class="contentBlock">
					<h2>A little bit more about us</h2>				
					<p class="left">
						<a href="http://vdjo.com/">vdjo.com</a> is a web-based music video mixer, which uses
						YouTube music video's as an online, endless library of songs. It's currently in it's
						<a href="http://beta.vdjo.com/">beta phase</a>, and more creative features and unique
						ideas are going to be implemented in the future!
					</p>
					<div class="bullet left"><a href="/page/contact">Contact us</a></div>
					<div class="bullet left"><a href="/page/jobs">Jobs</a></div>
					<div class="clearLeft"></div>
				</div>
				 
				<div class="contentBlock">
					<h3><a name="news">Latest news</a></h3>
					<p>
						<span class="post">
							<?php
								$blog = new blogger();
								$postlist = $blog->getPostList("4314983907850479203");
								$latest = $postlist[0];							
								$title = (string) $latest->title; 
								$link = $latest->link[4]->attributes()->href; 
								$contents = substr((string) $latest->content, 0, 600) . "...";
								$contents = strip_tags($contents, "<br>");
								 
							?>
							<a class="blogtitle" href="<?php echo $link; ?>"><?php echo $title; ?></a>
							<span class="blogcontents">
								<?php echo $contents; ?><br/>
								<a href="<?php echo $link; ?>">Read more</a>
							</span>
						</span>
					</p>
					<div class="bullet left"><a href="http://vdjo.blogspot.com">More news on our Blog</a></div>
					<div class="clearLeft"></div>
				</div>
				
				<div class="contentBlock">				
					<h3><a name="techniques">Used techniques</a></h3>
					<p> 
						A database is used to enhance the video metadata, and can be maintained by the user
						community. <a href="http://youtube.com/">YouTube</a>&nbsp;and
						<a href="http://last.fm/">Last.fm</a> API's are used to retrieve video and artists
						information, the 
						<a href="http://code.google.com/apis/youtube/js_api_reference.html">YouTube chromeless Flash player</a>
						is used to playback the video's.<br/> 
						<a href="http://www.jquery.com/">jQuery</a> is used in all frond-end classes, user
						interactions, controlling the YouTube Flash player and AJAX client-server interactions.<br/>
						Right now we are talking with graphic designers to create different styles for the mixer.
					</p>
					<p> 
						Once launched, the entire codebase will be
						<a href="http://code.google.com/p/videojockey/">released to the community</a> to encourage
						other developers to think about and maybe even code new features.
					</p>
				</div>
			</div>
			<div class="clear"></div>
			<?php $req = new request(
				array("module" => "sitemap", "action" => "show", "format" => "html"));
				module::load($req); ?>	
		</div>
	</div>
	<div id="wrapper-lower"></div>
</div>

<script type="text/javascript"> Cufon.now(); </script>